
body
{
    SCROLLBAR-FACE-color: #CCCCCC;
    SCROLLBAR-HIGHLIGHT-color: #FFFFFF;
    SCROLLBAR-SHADOW-color: #FFFFFF;
    SCROLLBAR-3DLIGHT-color: #FFFFFF;
    SCROLLBAR-ARROW-color: #999999;
    SCROLLBAR-TRACK-color: #FFFFFF;
    SCROLLBAR-DARKSHADOW-color: #FFFFFF;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
    text-align:justify;
    line-height:130%;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
td
{
    color: #000000;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:justify;
    line-height:130%;
}
.brdrimg{
    border-left:1px #CCCCCC solid;
    border-right:1px #CCCCCC solid;
    border-top:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC solid;
    padding:1px;
}	
.border3{
    border-left:1px #CCCCCC solid;
    border-top:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC solid;
}	
.borderfull{
    border-left:1px #CCCCCC solid;
    border-right:1px #CCCCCC solid;
    border-top:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC solid;
}
.bgfooter{
    background-image:url('../images/bgfooter.jpg');
    background-repeat:repeat-x;
    background-position:bottom;
}
.bgmenupro{
    background-image:url(../images/bgtitletable.jpg);
    background-repeat:repeat-x;
    background-position:top;
    background-repeat: no-repeat;
    background-position: bottom
}	
.shadowright{
    background-image:url(../images/shadowright.png);
    background-repeat:repeat-y;
    background-position:left;
}
.shadowleft{
    background-image:url(../images/shadowtel_04.png);
    background-repeat:repeat-y;
    background-position:right;
}
.shadowleft2{
    background-image:url(../images/shadowleft.png);
    background-repeat:repeat-y;
    background-position:right;
    width:184px;
}
.bgtel{
    background-image:url(../images/bgtel.png);
    background-position:top center;
    background-repeat:no-repeat;
    height:55px;
}	
.shadow4{
    background-image:url(../images/boxshadow_4.png);
    background-repeat:repeat-y;
    background-position:right;
}
.divmain{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 982px;
    z-index:4; }
.brdr_pay{
    border:1px #CCCCCC solid;
    height:120px;
}	
.borderbox{
    border:1px #CCCCCC solid;
}
.img_gray{
    display:block;
}	
/* css for click xa! */	
.handcursor{
    cursor:hand;
    cursor:pointer;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
}
/* */
.font14{
    font-size:16px;
}
.border_bott_page{
    border:1px #DDDDDD solid;
    padding:10px;
}
.brdleft{
    border-left:1px #999999 dotted ;
}
.brdright{
    border-right:1px #999999 solid;
}
.bghot{
    height:39px;
    padding-left:10px;
    padding-right:10px;
    border-left:1px #999999 solid;
    border-right:1px #999999 solid;
}
.boxmaintop{
    border-top:1px #999999 solid;
}
.boxmaintop1{
    background-image:url(../images/layout/boxmain_1.jpg);
    background-repeat: no-repeat;
    background-position:left top;
}
.boxmaintop3{
    background-image:url(../images/layout/boxmain_3.jpg);
    background-repeat: no-repeat;
    background-position:right top;
}
.boxmainbott{
    background-image:url(../images/borbott7.png);
    background-repeat:repeat-x;
    background-position:top;
    height:20px;

}
.menutitle{
    color: #000000;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    height:20px;
    padding-left:20px;
    padding-top:5px;
    // background-image:url(../images/icon1.gif);
    background-repeat:no-repeat;
    background-position:5px 8px;
    cursor: pointer;
    border-bottom:1px #CCCCCC dotted;
}
.submenu2{
    padding-left:30px;
    padding-top:5px;
    padding-bottom:5px;
    background-image:url(../images/icon2.gif);
    background-repeat:no-repeat;
    background-position:20px;
    border-bottom:1px #CCCCCC dotted;
}
.submenu22{
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-image:url(../images/icon2.gif);
    background-repeat:no-repeat;
    background-position:left;
    border-bottom:1px #CCCCCC dotted;
}	
/* */
/* */
.brd_bott{
    border-bottom:1px #CCCCCC dotted;
    padding-bottom:5px;
    padding-top:5px;
}
.bgboxlefttitle{
    background-image:url(../images/layout/title_bg.jpg);
    background-repeat:repeat-x;
    background-position:top;
    height:30px;
    background-color:#60BF00;
}
.bgboxleftbott{
    background-image:url(../images/layout/boxleft_7.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
}
.bgboxleftmain{
    background-color:#FFFFFF;
    padding:10px;
    border-left:1px #999999 solid;
}
.bgboxleftmain2{
    background-color:#FFFFFF;
    padding:5px;
    border-left:1px #999999 solid;
}
.bgmenu{
    background-image:url(../images/menu_bg.jpg);
    background-repeat:repeat-x;
}
.mnspace{
    text-align:center;
    width:84px;
    padding-top:10px;
    background-image:url(../images/bottom_2.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.bgmenubott{
    background-image:url(../images/bottom_2.jpg);
    background-repeat:repeat-x;
    background-position:top;
    height:45px;
}
.bgbott{
    padding-bottom:5px;
    padding-top:10px;
}
/* */
td.off2 {
    padding-left:15px;
    padding-right:5px;
    height:25px;
    cursor:pointer;
    background-color:#EEEEEE;
    border-bottom:1px #60BF00 dotted;
    background-image:url(../images/mui_ten.gif);
    background-repeat:no-repeat;
    background-position:left;
}
td.on2 {
    padding-left:15px;
    padding-right:5px;
    height:25px;
    cursor:pointer;
    background-color:#FFFFFF;
    border-bottom:1px #60BF00 dotted;
    background-image: url(../images/icon2.gif);
    background-repeat: no-repeat;
    background-position:0px;
}
td.off {
    text-align:center;
    width:120px;
    height:34px;
    cursor:pointer;
}
td.on {
    width:120px;
    text-align:center;
    height:34px;
    cursor:pointer;
    text-decoration:underline;
    color:#FFFFFF;
    background-image: url(../images/menuover.jpg);
    background-repeat: repeat-x;
    background-position:left;
}
.bgboxbott{
    background-image: url(../images/boxbott_bg.png);
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#FFFFFF;
}
.paddmain{
    padding-bottom:0px;
    padding-top:0px;
    padding-left:2px;
    padding-right:2px;
    border-left:1px #999999 solid;
    background-color:#FFFFFF;
}
.padd10{ padding:10px;} 
.paddtb20{
    padding-bottom:20px;
    padding-top:20px;
}
.paddtb10{
    padding-bottom:10px;
    padding-top:10px;
}
.paddtb5{
    padding-bottom:5px;
    padding-top:5px;
}
.paddtb2{
    padding-bottom:2px;
    padding-top:2px;
}
/* */
.fontsizecart{
    font-size:12px;
}
.cartprice{
    text-align:right;
    padding-right:15px;
}
.fontw{ color:#FFFFFF;}
.fontgray{ color:#666666;}
.font_headln{ color:#666666; font-size:12px; font-weight: bold; font-style:italic;}
.fontgrayprice{ color:#999999; text-decoration:line-through; font-size:12px; font-weight: normal;}
.fontred{ color:#FF0000; font-weight:bold;}
.fontred12{ color:#FF0000; font-size:12px; font-weight:bold;}
.fontgreen{ color:#3A9900; font-size:12px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;font-weight:bold;}
/* */
.inputsearch{
    width:100px;
    height:20px;
    border:0px;
}
.title_5{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#60BF00;
}
.bgtitle{
    background-image:url(../images/line_h.jpg);
    background-repeat:repeat-x;
    background-position:center;
}
.title{
    color: #60BF00;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    font-weight:bold;
}
.title12black{
    color: #666666;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    font-weight:bold;
    height:25px;
    border-bottom:1px #999999 solid;
}
.title12bott{
    color: #666666;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    font-weight:bold;
    height:25px;
    border-bottom:1px #999999 solid;
}		
.icon_mn_bott{
    background-image:url(../images/icon2.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:10px;
    padding-bottom:2px;
    padding-top:2px;
}	
.title20{
    color: #000000;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    font-weight:bold;
}	
.titlew{
    color: #FFFFFF;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
}	
.title16{
    color:#000000;
    font-size:16px;
    font-weight:bold;
}
.title14{
    color:#000000;
    font-size:14px;
    font-weight:bold;
    padding-bottom:5px;
}
.title_weblink{
    color: #FF0000;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    height:30px;
    padding-left:10px;
}	
a, a:link, a:visited {
    color: #000000;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:normal;
}
a:hover {
    color: #60BF00;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:normal;
}
a.linkmn, a.linkmn:link, a.linkmn:visited {
    color: #FFFFFF;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:bold;
}
a.linkmn:hover {
    color: #FFFFFF;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration:underline; font-weight: bold;
}
a.linkmn2, a.linkmn2:link, a.linkmn2:visited {
    color: #000000;font-size: 11px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal;
}
a.linkmn2:hover {
    color: #60BF00;font-size: 11px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal;
}
a.linkmn12, a.linkmn12:link, a.linkmn12:visited {
    color: #000000;font-size: 11px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal;
}
a.linkmn12:hover {
    color: #60BF00;font-size: 11px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal;
}	
a.linkbott, a.linkbott:link, a.linkbott:visited {
    color: #666666;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal;
}
a.linkbott:hover {
    color: #000000;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal;
}
a.linkw, a.linkw:link, a.linkw:visited {
    color: #FFFFFF;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:bold;
}
a.linkw:hover {
    color: #60BF00;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold;
}
a.linkblack, a.linkblack:link, a.linkblack:visited {
    color: #000000;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:normal;
}
a.linkblack:hover {
    color: #60BF00;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: underline ; font-weight: normal;
}
a.linktitlebox, a.linktitlebox:link, a.linktitlebox:visited {
    color: #000000;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold;
}
a.linktitlebox:hover {
    color: #60BF00;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: underline ; font-weight: bold;
}	
a.linkblack13, a.linkblack13:link, a.linkblack13:visited {
    color: #000000;font-size: 13px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:bold;
}
a.linkblack13:hover {
    color: #60BF00;font-size: 13px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: underline ; font-weight: bold;
}	
a.linkcart, a.linkcart:link, a.linkcart:visited {
    color: #000000;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal;
}
a.linkcart:hover {
    color: #60BF00;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: underline ; font-weight: normal;
}	
a.linkblack11, a.linkblack11:link, a.linkblack11:visited {
    color: #000000;font-size: 13px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:bold;
}
a.linkblack11:hover {
    color: #60BF00;font-size: 13px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: underline ; font-weight: bold;
}	
a.linktitle14, a.linktitle14:link, a.linktitle14:visited {
    color: #000000;font-size: 14px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:bold; 
}
a.linktitle14:hover {
    color: #60BF00;font-size: 14px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; 
}
a.linkblack20, a.linkblack20:link, a.linkblack20:visited {
    color: #000000;font-size: 18px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:bold; 
}
a.linkblack20:hover {
    color: #60BF00;font-size: 18px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; 
}	
a.linkcat20, a.linkcat20:link, a.linkcat20:visited {
    color: #000000;font-size: 18px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight:bold; 
}
a.linkcat20:hover {
    color: #60BF00;font-size: 18px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: bold; 
}
a.cat2, a.cat2:link, a.cat2:visited {
    color: #000000;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal; 
}
a.cat2:hover {
    color: #60BF00;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: none; font-weight: normal; 
}	
.textpage{
    color: #60BF00;font-size: 12px;Font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; 
}		
a img {border:0;}
.submitbutton {
    BORDER-TOP: #B083B3 1 solid;
    BORDER-LEFT: #B083B3 1 solid;
    BORDER-RIGHT: #3C0E3E 1 solid;
    BORDER-BOTTOM: #3C0E3E 1 solid;
    FONT-SIZE: 12;
    color: #FFFFFF;
    font-weight: bold;
    Font-family:  Tahoma, Arial, Helvetica, sans-serif;
    BACKGROUND-color: #059782;
}
.box_input {
    border:1px #CCCCCC solid;
    background-color:#FFFFFF;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    Width : 100%;
}
.box_input2{
    border:1px #CCCCCC solid;
    background-color:#FFFFFF;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
}	
.box_input_search{
    border:1px #666666 solid;
    background-color:#FFFFFF;
    color:#000000;
    width:100%;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
select {
    -webkit-appearance: menulist;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    -webkit-rtl-ordering: logical;
    background-color: white;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border: 1px solid;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    color: black;
    cursor: default;
    white-space: pre;
}
input, textarea{
    color: initial;
    display: inline-block;
    font: -webkit-small-control;
    letter-spacing: normal;
    line-height: normal;
    margin: 0em;
    text-align: -webkit-auto;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    word-spacing: normal;
}
.butsearch{
    border:0;
    background-color:#000000;
    color:#FFFFFF;
    text-align:center;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width:60px;
    font-weight:bold;
}
.box_input_2 {
    BORDER-RIGHT: #CCCCCC 1 solid;
    BORDER-TOP: #CCCCCC 1 solid;
    BORDER-LEFT: #CCCCCC 1 solid;
    BORDER-BOTTOM: #CCCCCC 1 solid;
    font-size: 12px;
    color: #000000;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    BACKGROUND-color: #FFFFFF;
}	



.menutitle a.parenttitle{
    color: #000000;
    Font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;


    cursor: pointer;

}



.dataTables_length{
    float: left;
    margin: 10px;
}
.dataTables_filter{
    float: right;
    margin: 10px;
}
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('../images/dataTable/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
    background: url('../images/dataTable/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
    background: url('../images/dataTable/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
    background: url('../images/dataTable/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
    background: url('../images/dataTable/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
    background: url('../images/dataTable/forward_enabled_hover.png') no-repeat top right;
}
.dataTables_paginate {
    float: right;
    text-align: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
    background: url('../images/dataTable/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('../images/dataTable/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('../images/dataTable/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('../images/dataTable/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../images/dataTable/sort_desc_disabled.png') no-repeat center right;
}

table.display thead th:active,
table.display thead td:active {
    outline: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;

    /* Note Firefox 3.5 and before have a bug with border-collapse
     * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
     * border-spacing: 0; is one possible option. Conditional-css.com is
     * useful for this kind of thing
     *
     * Further note IE 6/7 has problems when calculating widths with border width.
     * It subtracts one px relative to the other browsers from the first column, and
     * adds one to the end...
     *
     * If you want that effect I'd suggest setting a border-top/left on th/td's and 
     * then filling in the gaps with other borders.
     */
}

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;

}

table.display tfoot th {

    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}